<template>
	<view class="feed">
		<view class="feed-mian" @click="FeedListTo(item.id)" v-for="(item,index) in list" :key="index">

			<view class="feed-text">
				<!-- <image class="image" src="../../static/image/jianyi@2x.png"></image> -->
				<view :class="'bgImg'+item.type"></view>
				<text>{{item.typeText}}</text>
			</view>

			<view class="feed-name">
				<text>{{item.memberName}}</text>
			</view>

			<view class="feed-content">
				<text>{{item.content}}</text>
			</view>

			<view v-show="item.createdTime==0">
				<text>{{item.createdTime}}</text>
			</view>

			<view v-show="item.id==0">
				<text>{{item.id}}</text>
			</view>

			<view v-show="item.memberId==0">
				<text>{{item.memberId}}</text>
			</view>

			<view class="jiantou">
				<image src="../../static/image/tiaozhaun2.png"></image>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default () {

					return []
				}
			}
		},
		onLoad() {

		},
		methods: {
			FeedListTo(id) {
				uni.navigateTo({
					url: "/pages/feedbackSuggestions/feedback/feedback?id=" + id,
				})
			},
		}
	}
</script>

<style lang="scss">
	
	.feed-mian {
		height: 98rpx;
		width: 100%;
		margin: 4rpx auto;
		background-color: #FFFFFF;
		// box-shadow: 4px 4px 6px #CCCCCC;
		display: flex;
		justify-content: space-between;
		align-items: center;
		// border-bottom: 1rpx solid;
	}
	
	.feed-text {
		margin-left: 74rpx;
		position: relative;
	
		image {
			width: 44rpx;
			height: 44rpx;
			margin-left: -54rpx;
			position: absolute;
		}
	
		text {
			font-size: 32rpx;
		}
	}
	
	.feed-name {
		width: 150rpx;
		text-overflow: ellipsis;
		// border: 1rpx solid;
		white-space: nowrap;
		overflow: hidden;
	
		text {
			font-size: 32rpx;
		}
	}
	
	.feed-content {
		width: 250rpx;
		text-overflow: ellipsis;
		// border: 1rpx solid;
		white-space: nowrap;
		overflow: hidden;
	
		text {
			font-size: 32rpx;
		}
	}
	
	.jiantou {
		
		image{
			width: 44rpx;
			height: 44rpx;
			line-height: 44rpx;
			margin-top: 12rpx;
			margin-right: 24rpx;
		}
	
		// text {
		// 	font-size: 44rpx;
		// 	line-height: 44rpx;
		// }
	}
	
	.bgImg1 {
		background: url(../../static/image/tousu@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 44rpx;
		height: 44rpx;
		margin: 0 -20rpx 0 -55rpx;
		position: absolute;
	}
	
	.bgImg2 {
		background: url(../../static/image/jianyi@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 44rpx;
		height: 44rpx;
		margin: 0 -20rpx 0 -55rpx;
		position: absolute;
	}
	
</style>
